<template>
	<el-container>
		<el-aside>
			<el-menu style="border-right: none;" unique-opened default-active="2" class="el-menu-vertical-demo" 
				background-color="#545c64" text-color="#fff" active-text-color="#ffd04b" router>
				<el-menu-item index="home">
					<i class="el-icon-menu"></i>
					<span slot="title">首页</span>
				</el-menu-item>
				<el-menu-item index= "community" router>
					<i class="el-icon-d-arrow-right"></i>
					<span slot="title">小区管理</span>
				</el-menu-item>
				<el-submenu index="2">
					<template slot="title">
						<i class="el-icon-location"></i>
						<span>收废品</span>
					</template>
				
						<el-menu-item index="store">门店管理</el-menu-item>
						<el-menu-item index="courierstation">驿站管理</el-menu-item>
						<el-menu-item index="goods">商品管理</el-menu-item>
						<el-menu-item index="1-4">订单管理</el-menu-item>
						<el-menu-item index="1-5">废品回收订单</el-menu-item>
				
					
				</el-submenu>
				<el-submenu index="3">
					<template slot="title">
						<i class="el-icon-location"></i>
						<span>胖虎甄选</span>
					</template>
				
						<el-menu-item index="1-1">门店管理</el-menu-item>
						<el-menu-item index="1-2">驿站管理</el-menu-item>
						<el-menu-item index="1-3">商品管理</el-menu-item>
						<el-menu-item index="1-4">订单管理</el-menu-item>
						<el-menu-item index="1-5">废品回收订单</el-menu-item>
				
					
				</el-submenu>
				<el-submenu index="4">
					<template slot="title">
						<i class="el-icon-location"></i>
						<span>胖虎家政</span>
					</template>
				
						<el-menu-item index="1-1">门店管理</el-menu-item>
						<el-menu-item index="1-2">驿站管理</el-menu-item>
						<el-menu-item index="1-3">商品管理</el-menu-item>
						<el-menu-item index="1-4">订单管理</el-menu-item>
						<el-menu-item index="1-5">废品回收订单</el-menu-item>
				
					
				</el-submenu>
				<el-menu-item index="5">
					<i class="el-icon-d-arrow-right"></i>
					<span slot="title">用户管理</span>
				</el-menu-item>
				<el-menu-item index="6">
					<i class="el-icon-d-arrow-right"></i>
					<span slot="title">骑手管理</span>
				</el-menu-item>
				<el-menu-item index="7">
					<i class="el-icon-d-arrow-right"></i>
					<span slot="title">家政管理</span>
				</el-menu-item>
				<el-menu-item index="8">
					<i class="el-icon-d-arrow-right"></i>
					<span slot="title">新用户红包</span>
				</el-menu-item>
				<el-menu-item index="9">
					<i class="el-icon-d-arrow-right"></i>
					<span slot="title">类目管理</span>
				</el-menu-item>
			</el-menu>
		</el-aside>
		<el-container>

			<el-header><el-button @click="logout">退出登录</el-button></el-header>

			<el-main>
				
				<router-view></router-view>
				
			</el-main>

		</el-container>
	</el-container>

</template>

<script>
	export default {
		methods: {
			
			logout() {
				this.$router.push('/')
			}
		}
	}
</script>

<style scoped>
	.el-container {
		height: 100vh;
	}

	.el-aside {
		width: 210px !important;
		background-color: #314157;
		height: 100%;
	}

	.el-header {
		height: 60px;
		box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
	}
</style>